page {
  .votingArea {
    margin: 100rpx auto 100rpx  ;
    width: 90%;
    padding: 40rpx;
    border: 5rpx dotted #779BA7;
    border-radius: 15rpx;

    .name_wrap {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin-bottom: 20rpx;

      .nameText {
        width: 50%;
        font-size: 40rpx;
      }

      .votingName {
        width: 50%;
        font-size: 40rpx;
        color: var(--themeColor);
      }
    }

    .RealTo,
    .last {
      margin-bottom: 20rpx;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;

      .Realtitle,
      .Latetitle,
      .countdownText {
        width: 50%;
        font-size: 40rpx;
      }

      .peopleCount {
        font-size: 40rpx;
        color: var(--themeColor);
        width: 50%;
      }
    }
  }

  .sendsuccess {
    width: 100%;
    font-size: 64rpx;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .button_wrap {
    display: flex;
    flex-direction: row;

    .send {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100rpx;
      margin-top: 100rpx;
      background-color: #7dd443;
      color: #fff;
      box-shadow: 0 0 3px #fff;
      border-radius: 30rpx;
      font-size: 30rpx;
    }
    .back {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100rpx;
      margin-top: 100rpx;
      background-color: #e17062;
      color: #fff;
      box-shadow: 0 0 3px #fff;
      border-radius: 30rpx;
      font-size: 30rpx;
  }
  }
}